<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
    2. 根据商品数据，实现商品列表布局
        - 利用到提供的所有素材数据，还要美化页面
    3. 定义一个30项的数组，数组的每一项要求都是**1~9之间的随机数**，每间隔5个数字，求出这五个数的平均值
    4. 通过循环制造一个5 x 5的二维数组，这个数组中的数据是**1~9之间的随机数**，试编程
        - [[],[],[],[],[]]
    5. 封装函数，实现随机rgb颜色，结果为字符
        - 颜色值的范围：0~255
    6. 封装函数，实现随机十六进制的颜色，结果为字符
        - 颜色值的范围：0~255
    7. 封装函数，实现4位数字的随机验证码
    8. 封装函数，实现4位数字字母混合的随机验证码
    9. 课外阅读：千年虫事件
    10. 使用字符串拼接操作，配合日期对象，格式化日期：
        - 返回值：yyyy年mm月dd日 星期d hh:mm:ss
        - 注意：月份，星期，注意小于10的数字的处理
    11. 封装计算两个日期之间差值的函数
        - 利用参数，传入两个指定日期（字符）
        - 返回值为对象，如：{day:x, hour: y, minu: z, sec: s}    
        
        */
    </script>
    <script>
        //1
        // var arr = [];
        // for (var i = 0; i < 30; i++) {
        //     arr[i] = (Math.round(Math.random() * (9 - 1) + 1));
        // }
        // for (var i = 0; i < arr.length; i += 5) {
        //     var a = arr.slice(i, i + 5);
        //     console.log(a);
        //     console.log(avg)
        // }

        // function avg(a) {
        //     var sum = 0;
        //     for (var i = 0; i < a.length; i++) {
        //         sum += a[i]
        //     }
        //     return sum / a.length
        // }
    </script>
    <script>
        //2
        // var bigArr = [];
        // for (var i = 0; i < 5; i++) {
        //     var sArr = [];
        //     for (var j = 0; j < 5; j++) {
        //         sArr.push((Math.round(Math.random() * (9 - 1) + 1)))
        //     }
        //     bigArr.push(sArr);
        // }
        // console.log(bigArr);

    </script>
    <script>
        //3
    //     function fun(){
    //         var arr =[]
    //     for(var i=0;i<3;i++){
    //        arr.push((Math.round(Math.random() * (255 - 0) + 0)))
    //     }
    //     var res=arr.join("")
    //     console.log(res)
    //     }
    //    fun();
    </script>
    <script>
        //7封装函数，实现4位数字的随机验证码
    //     function fun(){
    //         var arr =[]
    //     for(var i=0;i<4;i++){
    //        arr.push((Math.round(Math.random() * (9 - 0) + 0)))
           
    //     }
    //     var res=arr.join("")
    //     console.log(res)
    //     }
    //    fun();
    </script>
    <script>
        // 6封装函数，实现随机十六进制的颜色，结果为字符- 颜色值的范围：0~255
        //  function Color() {
        //     var arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']; // 下标 [0-15]
        //     var str = '';
        //     for (var i = 1; i <= 6; i++) {
        //         var yan = Math.floor(Math.random() *16);
        //         str+=arr[yan]
        //     };
        //     return str
        // };
        // console.log(Color());
    </script>
    <script>
        //  8封装函数，实现4位数字字母混合的随机验证码
        // function yan(){
        //     var str ="qwertyuiopasdfghjklzxcvbnm1234567890"
        //     var res ="";
        //     for(var i=0;i<4;i++){
        //         var num = Math.random()*str.length
        //         res+=str.charAt(num);  
        //     }
        //     console.log( res)
        // }
        // yan();
    </script>
   
</body>

</html>


   




